<extend name="./Application/Home/View/master.html" />
<block name="title">

    <!--中间开始-->
    <div id="content">

        <div class="cont">
            <div class="main">
                <div class="content-left">
                    <div class="box">
                        <div class="zhezhao"></div>
                        <div class="sekuai"></div>
                        <div class="smallTu"></div>
                        <a href="javascript:;" class="shang">&lt;</a>
                        <div class="list1">

                            <ul>
                                <?php foreach($data['medium'] as $k=>$v){ ?>
                                <li><img src="__ROOT__/{$v}" alt=""></li>
                                <?php } ?>

                            </ul>

                        </div>
                        <a href="javascript:;" class="xia">&gt;</a>

                        <div class="bgTu" style="z-index:100;"></div>
                        <div class="bgTuHide">
                            <ul>
                                <?php foreach($data['big'] as $k=>$v){ ?>
                                <li><img src="__ROOT__/{$v}" alt="" ></li>
                                <?php } ?>
                            </ul>

                        </div>
                    </div>
                </div>
                <div class="content-right">

                    <div class="tit">{$data['gname']}</div>
                    <!--<div class="description">安全三系统 6GB内存+128GB存储 高通骁龙820芯片 智慧双摄2.0 银行级安全芯片 360OS 2.0 QC闪充3.0</div>-->
                    <div class="pirve">￥ {$data['shopprice']}</div>

                    <foreach name="temp" item="vo" key="k">
                    <div class="category">
                        <h4>{$k}</h4>
                        <ul>
                            <foreach name="vo" item="m" key="n">
                            <li gtid="{$m[gtid]}" taname="{$k}">{$m['gtvalue']}</li>
                            </foreach>
                        </ul>
                    </div>
                    </foreach>
                    <!--商品规格-->
                    <script>
                        $(function(){
                            $('.category li').click(function () {
                                //必须全选中在发异步
                                var len = <?php echo count($temp)?>;
                                if($('.zhong').length!=len){
                                    return false;
                                }
                                //异步获取货品数量
                                var gid={$Think.get.gid};
                                var combine= '';
                                $.each($('.zhong'),function () {
                                    combine +=$(this).attr('gtid') + ',';
                                });
                                $.post("{:u('ajaxGetTotal')}",{gid:gid,combine:combine},function (res) {
                                    if(res.valid){
                                        //说明有库存
                                        $('#inventory').text('库存为：'+res.inventory);
                                        $('.nobdr h6').addClass('allow').removeClass('disable');
                                    }else{
                                        //说明没有库存
                                        $('#inventory').text('库存为：0');
                                        //调整加入购物车按钮样式
                                        $('.nobdr h6').addClass('disable').removeClass('allow');
                                    }
                                },'json');
                            })
                        })
                    </script>
                    <!--商品规格结束-->
                    <div class="num">
                        <h5>数量</h5>
                        <a href="javascript:;" class="num_l">-</a>
                        <input type="text" value="1" id="total"/>
                        <a href="javascript:;" class="num_r">+</a>
                        <span id="inventory" style="margin-left: 10px;line-height: 2em"></span>
                    </div>
                    <style>
                        .allow{
                            background: #fa5437;
                        }
                        .disable{
                            background: #CCCCCC;
                        }
                        .nobdr h6{
                            display: inline-block;
                        }
                    </style>
                    <div class="nobdr">
                        <h6 class="disable"><a href="javaScript:;">加入购物车</a></h6>
                    </div>
                    <script>
                        $(function(){
                            //点击加入购物车事件
                            $('.nobdr .disable').click(function(){

                                //判断如果是灰色样式的时候不再继续执行
                                if($(this).is('.disable')){
                                    return false;
                                }
                                var len = <?php echo  count($temp)?>;
                                if($('.zhong').length!=len){
                                    layer.msg('请选择规格', function(){
                                        //关闭后的操作
                                    });
                                    return false;
                                }
                                //组合post发送的数据：商品gid、购买数量、其他参数
                                var data = {
                                    'gid':<?php echo $_GET['gid']?>,
                                'num':$('#total').val(),
                                    'options':{}
                            };
                                $.each($('.zhong'),function(k,v){
                                    data.options[$(this).attr('taname')]= $(this).text();
                                })
                                //加入购物车
                                $.post("{:u('ajaxAddCart')}",data,function(res){
                                    //跳转到购物车页面
                                    location.href = "{:u('Home/Cart/index')}";
                                })
                            })
                        })
                    </script>







                    <div class="houdun">
                        <h3>保障</h3>
                        <p><i class="o1"></i>发货&售后</p>
                        <p><i class="o2"></i>满99元包邮</p>
                        <p><i class="o3"></i>7天无理由退货</p>
                        <p><i class="o4"></i>15天免费换货</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="desc" id="xijie">
            <div class="desctab" >
                <div class="main">
                    <ul>
                        <li><a href="#xijie">产品详情</a><span>|</span></li>
                        <li><a href="#guige">规格参数</a><span>|</span></li>
                        <li><a href="#wenti">常见问题</a></li>
                    </ul>
                </div>
            </div>

            <div class="con" >
                <!--<img src="__ROOT__/Home/images/t0159dae288111b9b39.jpg" />-->
                <!--<img src="__ROOT__/Home/images/t0159dae288111b9b39.jpg" />-->
                <!--<img src="__ROOT__/Home/images/t0159dae288111b9b39.jpg" />-->
                <!--<img src="__ROOT__/Home/images/t0159dae288111b9b39.jpg" />-->
                <!--<img src="__ROOT__/Home/images/t0159dae288111b9b39.jpg" />-->
                {$data['intro']}
            </div>
            <!--<div class="con main" id="guige">-->
                <!--<h1>产品参数</h1>-->
                <!--<table cellpadding="0" cellspacing="0" border="1">-->
                    <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">主体</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">品牌</td>-->
                        <!--<td>360手机</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">型号</td>-->
                        <!--<td>1509-A00（Q5 Plus)</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">上市时间</td>-->
                        <!--<td>2016年8月</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">基本信息</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">机身颜色</td>-->
                        <!--<td>流光金</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">机身尺寸（mm）</td>-->
                        <!--<td>156.5*80*8.3</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">机身重量（g）</td>-->
                        <!--<td>175.0g</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">操作系统</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">操作系统</td>-->
                        <!--<td>360 OS Android 6.0</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">主芯片</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">CPU型号</td>-->
                        <!--<td>骁龙820</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">CPU频率</td>-->
                        <!--<td>Kryo 2.15GHz x 4</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">网络支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">双卡机类型</td>-->
                        <!--<td>双卡双待单通</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">SIM卡类型</td>-->
                        <!--<td>Nano SIM</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">网络制式</td>-->
                        <!--<td>全网通</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">存储</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">ROM</td>-->
                        <!--<td>128GB UFS2.0 机身存储</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">RAM</td>-->
                        <!--<td>4GB LPDDR4 双通道内存</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">存储卡</td>-->
                        <!--<td>支持MicroSD（TF）</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">屏幕</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">主屏幕尺寸（英寸）</td>-->
                        <!--<td>6.0英寸</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">分辨率</td>-->
                        <!--<td>1920*1080(FHD)</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">屏幕材质类型</td>-->
                        <!--<td>三星（SAMSUNG）Super AMOLED</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">屏幕色彩</td>-->
                        <!--<td>1600万</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">前置摄像头</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">前置摄像头</td>-->
                        <!--<td>1300万像素</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">前摄光圈大小</td>-->
                        <!--<td>f/2.0</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">美颜技术</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">拍照特点</td>-->
                        <!--<td>美颜</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">后置摄像头</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">后置摄像头</td>-->
                        <!--<td>双1300万像素</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">摄像头光圈大小</td>-->
                        <!--<td>f/2.0</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">闪光灯</td>-->
                        <!--<td>LED灯</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">美颜技术</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">电池信息</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">电池容量（mAh）</td>-->
                        <!--<td>3700</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">电池是否可拆卸</td>-->
                        <!--<td>否</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">闪充</td>-->
                        <!--<td>支持QC3.0涡轮闪充</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">娱乐功能</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">mic数量</td>-->
                        <!--<td>2个</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">喇叭数量</td>-->
                        <!--<td>1个</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">数据接口</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">数据传输接口</td>-->
                        <!--<td>WIFI、蓝牙、WiFi热点、OTG接口</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">NFC/NFC模式</td>-->
                        <!--<td>不支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">耳机接口类型</td>-->
                        <!--<td>3.5mm</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">充电接口类型</td>-->
                        <!--<td>Type-C</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207" colspan="2">手机特性</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">指纹识别</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">GPS</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">电子罗盘</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">霍尔感应器</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">陀螺仪</td>-->
                        <!--<td>支持</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td class="wd207">其他</td>-->
                        <!--<td>距离感应、呼吸灯、光线感应</td>-->
                    <!--</tr>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</div>-->
            <!--<div class="con main" id="wenti">-->
                <!--<h2>常见问题</h2>-->
                <!--<dl>-->
                    <!--<dt><i>1、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->
                <!--<dl>-->
                    <!--<dt><i>2、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->
                <!--<dl>-->
                    <!--<dt><i>3、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->
                <!--<dl>-->
                    <!--<dt><i>4、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->
                <!--<dl>-->
                    <!--<dt><i>5、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->
                <!--<dl>-->
                    <!--<dt><i>6、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->
                <!--<dl>-->
                    <!--<dt><i>7、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>-->
                    <!--<dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>-->
                <!--</dl>-->

            <!--</div>-->
        </div>

    </div>
    </div>
    <!--中间结束-->
</block>